.post {
  height: 200px;
  position: relative;
  overflow: hidden;
  display: block;
}
.post a {
  height: 100%;
  display: flex;
  align-items: end;
  background-image: var(--cover);
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #dfe4ea;
}
.post a:hover {
  color: #ff6348;
}
.post a div {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nav-link {
  color: #3742fa;
}
.nav-link:hover {
  color: #ff6348;
}
.content {
  width: 100%;
  overflow: hidden;
}
.content a:hover {
  color: #ff6348;
}
.content img {
  max-width: 100%;
}
.content iframe {
  width: 100%;
  min-height: 380px;
  max-height: 600px;
}
